@charset "utf-8";
@function n($px) {
    @return $px/2;
}
$border-color: #ff9344;
.web {
    header {

        .suosuo {
            box-sizing: border-box;
            margin: 0 auto;
            width: n(268px);
            height: n(54px);
            border: $border-color n(2px) solid;
            border-radius: n(25px);
            margin-top: n(31px);
            line-height: n(50px);
            font-size: 0;
            input {
                line-height: n(50px);
                height: n(50px);
                margin-left: n(18px);
                font-size: n(24px);
                border: none;
                background: none;
                width: n(195px);
                vertical-align: middle;
                color: #777777;
            }
            i {
                font-size: n(34px);
                color: $border-color;
                margin-left: n(-13px);
                vertical-align: middle;
            }
        }
        .dajia {
            margin-top: n(31px);
            h1 {
                text-align: center;
                font-size: n(26px);
            }
            .dajia_bottom {
                margin-top: n(14px);
                text-align: center;
                a {
                    text-overflow: ellipsis;/*单行溢出省略号*/
    white-space: nowrap;/*禁止换行*/
    overflow:hidden;
                    text-align: center;
                    height: n(63px);
                    line-height: n(63px);
                    display: inline-block;
                    width: 20%;
                    background: #dcdcdc;
                    font-size: n(20px);
                    color: #898989;
                    margin-top: 3px;
                }
            }
        }
    }
    .middel_box {
        margin-top: n(16px);
        .midd_left {
            padding-left: n(38px);
            float: left;
            img {
                width: n(32px);
                height: n(45px);
                vertical-align: middle;
            }
            span {
                font-size: n(30px);
                vertical-align: middle;
                font-weight: 500;
            }
        }
        .midd_right {
            padding-right: n(21px);
            float: right;
            a {
                span {
                    color: #000000;
                    font-size: n(24px);
                    vertical-align: middle;
                }
                i {
                    font-size: n(45px);
                    color: $border-color;
                    vertical-align: middle;
                }
            }

        }
        .midd_bottom {
            padding-top: n(30px);
            padding-bottom:n(47px);
            width: n(709px);
            margin: 0 auto;
            .zuobian {
                float: left;
                img {
                    width: n(278px);
                }
            }
            .youbian {
                float: left;
                margin-left: n(9px);
                img {
                    width: n(420px);
                }
                .y_xiamian{
                    img:first-of-type{
                        
                        float: left;
                        width: n(195px);
                    }
                    img:last-of-type{
                        float: right;
                        width: n(211px);
                        
                    }
                }
                
            }
        }
        .zuixia{
            text-align: center;
//          width: n(701px);
            ul{
                font-size: 0;
                text-align: center;
              li{
                  &:nth-of-type(3n+2){
                      margin: 0 5px;
                  }
                  display: inline-block;
                  width: 28%;
               line-height: n(220px);
             img{
              vertical-align: middle;
                 width: 100%;
             }
                
            }  
            }
            
        }
    }
}
